.image-manage{
  width: 24%;
}
.image-list{
  max-height: 500px;
  overflow-y: auto;
}
#filePicker input{opacity: 0;}
.image-manage{
}
.img-info{
  width: 65%;
  margin-left: 10px;
  vertical-align: middle;
  display: inline-block;
}
.ace_editor {
  border: 1px solid lightgray;
  margin: auto;
  font-size: 26px!important;
  
}
.scrollmargin {
  height: 80px;
  text-align: center;
  
}
.wrapper {
  text-align: center;
  perspective: 500px;
}

#editor1,#editor4 {
  display:inline-block;
  height: 500px;
  width: 34%;
  max-width: 34%;
}
#editor2,#editor5 {
 height: 800px;
  width: 100%;
  max-width: 100%;
}
#editor3,#editor6 {
  display:inline-block;
  height: 500px;
  width: 65%;
  max-width: 65%;
}
.transformed {
  transform: scale(0.9);
  transform-origin: center 12%
}
.scrollmargin input > {margin: 10px}
.preview-p{
  text-align:center;
}
.preview{
  width:90%;
  min-height:250px;
}

.pagination-outer{ text-align: center; }
		.pagination{
		    position: relative;
		}
		.pagination span{
      text-align: center;
      display: inline-block;
		    width: 35px;
		    height: 35px;
		    margin-right: 12px;
		    font-size: 24px;
		    font-weight: 600;
		    color: #0081c2;
		    position: relative;
		    transition: all 0.3s ease 0s;
		}
		.pagination span:last-child{ margin-right: 0; }
		.pagination .current,
		.pagination span:hover{
		    color: #0081c2;
		    border: none;
		    background: transparent;
		}
		.pagination span:before{
		    content: "";
		    width: 100%;
		    height: 100%;
		    border: 2px solid #0081c2;
		    position: absolute;
		    bottom: 0;
		    left: 0;
		    transition: border-top-width 0.1s ease 0.2s, height 0.2s ease 0.1s, width 0.2s ease 0s, margin 0.2s ease 0s;
		}
		.pagination .current:before,
		.pagination span:hover:before{
		    width: 60%;
		    height: 0;
		    border-width: 0 2px 2px;
		    margin: 0 20%;
		    transition: border-top-width 0.1s ease 0s, height 0.2s ease 0.1s, width 0.2s ease 0.2s, margin 0.2s ease 0.2s;
    }
    .demo-button{
      text-align: center;
    }
    .coverimage{
      text-align: center;
      float: left;
      width: 50px;
      height: 50px;
      line-height: 50px;
    }
    .coverimage{
      width: 19%;
    }
    .coverimage img{
      width: 100%;
    }
    .clearlist{
      clear: both;
      margin-bottom: 20px;
    }
  